@extends('public.layouts.main')
@section('style-link')
    <style type="text/css">
        .nav-tabs-custom>.nav-tabs>li.active {border-top-color: #096dd9;}
        .box-header .box-title {font-size: 14px;}
        .h3-top-none {margin-top: 0;}
        .height-45 {height: 45px;line-height: 45px;}
        #user-analysis {padding-left: 40px;}
        #user-analysis .g2-legend {left: 265px !important; top: 35px !important;}
    </style>
@endsection
@section('menu')
    @include('public.manager.menu')
@endsection
@section('content-header')
    <h5>
        <ol class="breadcrumb">
            <li><i class="fa fa-dashboard"></i> 数据中心</li>
        </ol>
    </h5>
@endsection
@section('content')
    <div class="row">
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="box box-widget user-score-count">
                <div class="box-header">
                    <div class="box-title">累计先锋指数</div>
                </div>
                <div class="box-body">
                    <h3 class="h3-top-none">126560</h3>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="height-45">
                                月同比 <span class="month-percent">12%</span>
                                周同比 <span class="week-percent">11%</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-footer">
                    <p>每月累计先锋指数 14326</p>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="box box-widget department-score-count">
                <div class="box-header">
                    <div class="box-title">累计堡垒指数</div>
                </div>
                <div class="box-body">
                    <h3 class="h3-top-none">226480</h3>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="height-45">
                                月同比 <span class="month-percent">12%</span>
                                周同比 <span class="week-percent">11%</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-footer">
                    <p>每月累计堡垒指数 13657</p>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="box box-widget">
                <div class="box-header">
                    <div class="box-title">访问量</div>
                </div>
                <div class="box-body">
                    <h3 class="h3-top-none">115650</h3>
                    <div class="row">
                        <div class="col-xs-12">
                            <div id="statistics"></div>
                        </div>
                    </div>
                </div>
                <div class="box-footer">
                    <p>日访问量 1123</p>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="box box-widget">
                <div class="box-header">
                    <div class="box-title">党员人数</div>
                </div>
                <div class="box-body">
                    <h3 class="h3-top-none">666560</h3>
                    <div class="row">
                        <div class="col-xs-12">
                            <div id="user-count"></div>
                        </div>
                    </div>
                </div>
                <div class="box-footer">
                    <p>每日新增党员人数 12423</p>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="box box-widget">
                <div class="box-header">
                    <div class="nav-tabs-custom">
                        <!-- Tabs within a box -->
                        <ul class="nav nav-tabs pull-left">
                            <li class="active"><a href="#" data-id="0" data-toggle="tab">先锋指数</a></li>
                            <li class=""><a href="#" data-id="1" data-toggle="tab">堡垒指数</a></li>
                        </ul>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="col-xs-8">
                                <div id="score-list"></div>
                            </div>
                            <div class="col-xs-4">
                                <div id="score-rank"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="box box-widget">
                <div class="box-header">
                    <div class="box-title">星级评定</div>
                </div>
                <div class="box-body">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="col-xs-12">先锋指数累计星</div>
                            <div id="user-star-count"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="col-xs-12">堡垒指数累计星</div>
                            <div id="department-star-count"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="box box-widget">
                <div class="box-header">
                    <div class="box-title">党员类型分布</div>
                </div>
                <div class="box-body">
                    <div class="row">
                        <div class="col-xs-12">
                            <div id="user-analysis"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="/js/g2.js"></script>
    <script src="/js/data-set.min.js"></script>
    <script src="/js/manager/data.js?v={!! time() !!}"></script>
@endsection